<div class="head">
	<img src="/resource/images/photo.jpg" alt="photo" />
</div>
<div class="define">
	<h2>RAYINHANGZHOU</h2>
	<div>This is My Evernote Blog! </div>
</div>
<div id="div_notebooks" class="notebooks">
</div>
<div id="div_notes" class="notebooks">
</div>
<div id="div_summary" class="summary">
</div>
<script type="text/javascript">
	$.ajax({
		type : "get",
		url : "/blog/ajax/notebooklist"
			+"?ts="+new Date().getTime(),
		dataType : "json"
	}).done(function(result){
		if(result.isTrue) {
			$("#div_notebooks").html("<div>笔记本列表：</div>"+result.message);
			$("#ul_notebooks").find("a").hover(function(){
				$(this).animate({
					"color": "#F1F1F1", 
					"padding": "2px 0 2px 20px"}, 500);
			}, function(){
				$(this).animate({
					"color": "#F66", 
					"padding": "0px"}, 500);
			});
		} else {
			$.showAlert(result.message, "确定");
		}
	}).fail(function(){
		$.showAlert("网络繁忙，请稍后再试！", "确定");
	});
	$.ajax({
		type : "get",
		url : "/blog/ajax/summarylist"
			+"?ts="+new Date().getTime(),
		dataType : "json"
	}).done(function(result){
		if(result.isTrue) {
			$("#div_summary").html("<h3>统计</h3>"+result.message);
		} else {
			$.showAlert(result.message, "确定");
		}
	}).fail(function(){
		$.showAlert("网络繁忙，请稍后再试！", "确定");
	});
</script>
